<template>
  <div>
    <div
      v-for="(item, index) in yunweiData"
      :key="index"
      class="border-bottom-info pdsz1015 pointer hover-active-f1"
    >
      <el-tooltip placement="left">
        <div class="size16" slot="content">
          <div class="lh26">
            <div>时间范围已接单：{{ item.jiedan || 0 }}</div>
            <div>时间范围已完成：{{ item.weichaoshiTotal || 0 }}</div>
            <div class="mrt10">
              服务单位
              <div class="scrollbar-slinder" style="max-height:200px;">
                <div
                  class="color-info size14"
                  v-for="(company, index1) in item.companyList"
                  :key="index1"
                >
                  {{ company.name }}
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="flex justify-between align-center lh24 ">
          <div class="flex align-center ">
            <div class="mrr10">
              <img src="/widgetimgs/avatarM.png" alt="" />
            </div>
            <div class="lh20 ">
              <div class="color-drak">
                <i class="el-icon-user color-primary"></i
                ><strong> {{ item.customName || "未命名" }}</strong>
              </div>
              <div class="color-gray size14">
                <i class="el-icon-phone-outline color-active"></i>
                {{ item.mobile }}
              </div>
              <div class="color-gray size14">
                <i class="el-icon-user color-primary"></i> 服务单位：
                <strong class="color-drak">
                  {{ item.companyList.length || 0 }}</strong
                >个
              </div>
            </div>
          </div>
          <div class="color-gray size14">
            <div>
              状态：<span
                class="size16"
                :class="
                  item.status == '空闲' ? 'color-success' : 'color-danger'
                "
                >{{ item.status }}</span
              >
            </div>
            <div>
              已接单：
              <span class="num-color size16 color-primary">{{
                item.jiedan || 0
              }}</span>
            </div>
          </div>
        </div>
      </el-tooltip>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    yunweiData: {
      type: Array,
      default: () => {
        return [];
      }
    }
  }
};
</script>
